const path = require('path')
module.exports = {
    entry: './index.js',
    output: {
        filename: 'index.js',
        path: path.resolve(__dirname, 'dist')
    },
    module: {
        //配置基本css
        // 依赖 yarn add -D css-loader  style-loader  顺序从右往左  从上往下顺序解析
        // css-loader 只能让webpack识别css
        // style-loader 处理显示
        rules: [
            //第一种写法
            // {
            //     test: /\.css$/,//匹配后缀识别文件
            //     loader: 'css-loader'//只能有一个loader
            // }
            //第二种方式
            //  {
            //     test: /\.css$/g,
            //     use: [
            //         {
            //            loading:'css-loader'      
            //         }
            //     ]
            // }
            //第三种方式
            {
                test: /\.css$/,
                use: [
                    'style-loader', //将js中样式资源，添加到haed
                    'css-loader'//将css文件变成commonjs模块加载到js中，样式是字符串
                ]
            }
        ]
    },


}